<!DOCTYPE html>
<html>
<head>
    <title>轮播事例</title>
    <meta charset="utf-8">
    <link href="./vendor/normalize.css" rel="stylesheet"/>
    <link   href="carousel-more.css" rel="stylesheet"/>
    <script src="./vendor/jquery-2.0.3.js"></script>
    <script src="./vendor/bootstrap-carousel.js"></script>
</head>
<body>

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>克里斯.保罗</p>
                </div>
            </div>
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>克里斯.保罗</p>
                </div>
            </div>
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>克里斯.保罗</p>
                </div>
            </div>
        </div>
        <div class="item ">
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>吉姆斯.保罗</p>
                </div>
            </div>
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>吉姆斯.保罗</p>
                </div>
            </div>
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>吉姆斯.保罗</p>
                </div>
            </div>
        </div>
        <div class="item ">
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>阿里斯.保罗</p>
                </div>
            </div>
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>阿里斯.保罗</p>
                </div>
            </div>
            <div class="second-item ">
                <img data-src="" alt="second picture" src="./imgs/teammate.png"/>
                <!--添加图片介绍-->
                <div class="carousel-caption">
                    <!--<h3>picture two</h3>-->
                    <p>阿里斯.保罗</p>
                </div>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

</body>
</html>